/*
 *
 * Main CSS for the App Layout
 *
*/
body {color: #222; font: normal 13px arial,sans-serif; line-height: 18px;}
#extension { background: white; border: 1px solid #D9D9D9; min-width: 300px; max-width: 300px;}
#footer {
    background: #F3F3F3;
    vertical-align: middle;
    font-size: 10px;
    line-height: 24px;
    font-weight: normal;
    border-top: 1px solid #D9D9D9;
    padding: 0 10px;
    position: absolute;
    bottom: 0px;
    width: 280px;
}
.footer_note { font-size:10px; font-family:verdana; float:left; position: relative; left: 0px; top: 0px;}
#footer a {
    font-size:10px;
    font-family:verdana;
    color:#2e2e2e;
    text-decoration:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#footer a:hover {text-decoration:underline; padding-bottom: 5px; margin-bottom: 5px;}
.version {font-size: 9px; float:right; margin-right: 5px;}
#header {
    background: #F3F3F3;
    font-size: 11px;
    line-height: 24px;
    font-weight: bold;
    border-bottom: 1px solid #D9D9D9;
    padding: 0 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#mainbody {overflow-y:hidden; padding-top: 0px; padding-bottom: 0px; position: relative;}
.clear {clear: both;}
.header-icon {
    background-image: url('https://mthangout.appspot.com/a/hangouttoolbox/i/toolbox_16.png');
    height: 16px;
    width: 16px;    
    position: absolute;
    top: 7px;
    left: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.header-title {
    margin-left: 18px;
    line-height: 28px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.general-button-blue {
    background-color: #4D90FE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4D90FE,#4787ED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    border: 1px solid #3079ED;
    color: white !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 54px;
    padding: 0 8px;
    margin-left:10px;
    cursor: pointer !important;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size:14px;
}
.general-button-blue:hover {
    background-color: #357AE8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
    background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
    background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
    background-image: linear-gradient(top,#4D90FE,#357AE8);
}
.general-button-grey {
    background-color: #d4d4d4;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d4d4d4),to(#f7f7f7));
    background-image: -webkit-linear-gradient(top,#d4d4d4,#f7f7f7);
    background-image: -moz-linear-gradient(top,#d4d4d4,#f7f7f7);
    background-image: -ms-linear-gradient(top,#d4d4d4,#f7f7f7);
    background-image: -o-linear-gradient(top,#d4d4d4,#f7f7f7);
    background-image: linear-gradient(top,#d4d4d4,#f7f7f7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d4d4d4',EndColorStr='#f7f7f7');
    border: 1px solid #858585;
    color: #858585 !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    min-width: 54px;
    padding: 0 8px;
    margin-right:3px;
    margin-top: -1px;
    float: right;
    cursor: pointer !important;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size:14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.app {
    overflow-y:auto;
}
/* Scrollbars */
::-webkit-scrollbar {background: transparent;}
::-webkit-scrollbar-corner {background: transparent;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);border: solid whiteSmoke 4px;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.3);}

/*
 *
 * CSS for Lower Third
 *
*/
#lowerthird-preset-list {list-style: none; margin:0px; padding:0px;}
#lowerthird-preset-list li {margin:5px;}
form {margin-left: 5px; width: 270px;}
form .box {
    -webkit-border-radius: 4px;
    background-color: #E9E9E9;
    border: 1px solid #ADADAD;
    padding: 5px;
    width:235px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
}
form .box_select {
    -webkit-border-radius: 4px;
    background-color: #E9E9E9;
    border: 1px solid #ADADAD;
    padding: 5px;
    width:250px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
}
form .box_text {
    -webkit-border-radius: 4px;
    background-color: #E9E9E9;
    border: 1px solid #ADADAD;
    padding: 5px;
    margin-bottom: 8px;
    width:235px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
}
form .flag {
    margin-top: 8px;
}
form .box_text2 {
    -webkit-border-radius: 4px;
    background-color: #E9E9E9;
    border: 1px solid #ADADAD;
    padding: 5px;
    margin-bottom: 10px;
    margin-left:0px;
    margin-top:0px;
    width:160px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
}
form fieldset {
    margin-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #bbb;
    -webkit-border-radius: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
form fieldset legend {
    font-weight: bold;
    font-size: 11px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
form button, form input, form select, form textarea {margin: 0;}
form input:focus {border: 1px solid #DDDDDD;}
form select.box_select {
    width:235px;
    margin-bottom: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
form select.box_select > option {
    background-color: #E9E9E9;
    padding:5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
form span.required {color: red;}
form .fieldrow {
    float:left;
    margin-bottom: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#radio-button-left {
    margin-right: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#radio-button-right {
    margin-right: 5px;
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.onoffswitch {
    background: transparent url('');
    width: 41px;
    border: none;
    height: 8px;
    cursor: pointer;
    display: block;
    padding:4px 8px;
    text-decoration:none;
    float: right;
    position: relative;
    right: 0px;
    top: -20px;
    margin-bottom: -20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.onoffswitch_active {
    background: transparent url('');
    width: 41px;
    border: none;
    height: 8px;
    cursor: pointer;
    display: block;
    padding:4px 8px;
    text-decoration:none;
    float: right;
    position: relative;
    right: 0px;
    top: -20px;
    margin-bottom: -20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lowerthird-load-preset {
    background: transparent url('');
    width:16px;
    height:16px;
    border: none;
    cursor: pointer;
    display: block;
    padding:0px 0px;
    margin-right: 5px;
    float: right;
    text-decoration:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lowerthird-delete-preset {
    background: transparent url('');
    width:16px;
    height:16px;
    border: none;
    cursor: pointer;
    display: block;
    padding:0px 0px;
    float: right;
    text-decoration:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dialog{display: none;}
.error{display: none;}
/* Modal Notice */
h3 {color:#000; font-size:18px; line-height:18px; font-weight:normal; margin:0 0 8px 0;}
h4 {color:#000; font-size:16px; line-height:16px; font-weight:normal; margin:0 0 8px 0;}
img {border:0;}

/*
 *
 * CSS for Volume Control
 *
*/
.volumecontrol-mute-button {
    position: relative;
    top: -20px;
    left: 10px;
    background-color: #fff;
    border:1px solid transparent;
    display:inline-block;
    color:#2e2e2e;
    height:18px;
    width: 18px;
    font-weight:bold;
    padding:4px 8px;
    text-decoration:none;
    background-image: url();
    background-repeat: no repeat;
}
.volumecontrol-mute-button:hover {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f8f8f8;
    border-color: #c6c6c6;
    background-image: url();
    background-repeat: no repeat;
}
.volumecontrol-mute-button.muted {
    position: relative;
    top: -20px;
    left: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #DD4B49;
    border:1px solid #B13C2E;
    color:#2e2e2e;
    background-image: url();
    background-repeat: no repeat;
}
#participants { list-style: none; margin: 0px; padding: 10px; width: 270; }
#participants li { height: 40px; width: 270px; }
#participants li img { width: 32px; height: 32px; margin: 10px; }
#participants li input[type="range"] {
    -webkit-appearance: none;
    background-color: #d9d9d9;
    height: 3px;
    position: relative;
    top: -25px;
    margin-left: 5px;
    width: 185px;
    border: 1px solid #d6d6d6;
}
#participants li input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    position: relative;
    top: 0px;
    z-index: 1;
    cursor:pointer;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 2px solid #999;
    background-color: #dcdcdc;
}
.volumecontrol-mute-all-button {
    background: transparent url('');
    width: 106px;
    border:1px solid transparent;
    height: 17px;
    cursor: pointer;
    display: inline-block;
    float: left;
    text-decoration: none;
    position: relative;
    left: 100px;
    top: -1px;
    margin-bottom: -15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.volumecontrol-mute-all-button-muted {
    background: transparent url('');
    width: 106px;
    border:1px solid transparent;
    height: 17px;
    cursor: pointer;
    display: inline-block;
    float: left;
    text-decoration: none;
    position: relative;
    left: 100px;
    top: -1px;
    margin-bottom: -15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
 * CSS for De-Face
*/
.grid_container { margin: 0px; }
.table_faces { height: 50%; width: 248px; }
.grid { width: 260px; float: left; margin-bottom:10px; }
.grid > .btn-faces:first-child { margin-left:0 !important; }
.btn-faces {
    margin: 0px;
    height: 64px;
    width: 64px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin-left:5px;
    font-size: 12px;
    padding-top: 0px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: bold;
    cursor: pointer;
    display: block;
    background-image: -webkit-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: -moz-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: -ms-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: -o-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: linear-gradient(top,#FAFAFA,#CECECE);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-faces:hover {
    background-color: #858585;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#858585),to(#F3F3F3));
    background-image: -webkit-linear-gradient(top,#858585,#F3F3F3);
    background-image: -moz-linear-gradient(top,#858585,#F3F3F3);
    background-image: -ms-linear-gradient(top,#858585,#F3F3F3);
    background-image: -o-linear-gradient(top,#858585,#F3F3F3);
    background-image: linear-gradient(top,#858585,#F3F3F3);
}

/*
 * CSS for Soundboard
*/
#stop { float: none; margin-left: 105px; }
.grid_container_sound { margin: 0px; }
.table_sound { height: 80%; width: 275px; }
.grid_sound { width: 260px; float: left; margin-bottom:10px; }
.grid_sound > .effect:first-child { margin-left:0 !important; }
.effect {
    margin: 0px;
    height: 30px;
    width: 78px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin-left:5px;
    font-size: 12px;
    padding-top: 15px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-weight: bold;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: -moz-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: -ms-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: -o-linear-gradient(top,#FAFAFA,#CECECE);
    background-image: linear-gradient(top,#FAFAFA,#CECECE);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.effect:hover {
    background-color: #858585;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#858585),to(#F3F3F3));
    background-image: -webkit-linear-gradient(top,#858585,#F3F3F3);
    background-image: -moz-linear-gradient(top,#858585,#F3F3F3);
    background-image: -ms-linear-gradient(top,#858585,#F3F3F3);
    background-image: -o-linear-gradient(top,#858585,#F3F3F3);
    background-image: linear-gradient(top,#858585,#F3F3F3);
}
.ul_sound { display: inline; }
.ul_sound li { list-style: none; }

/*
 * CSS for Anonymous
*/

.lowerthird {
    background: url("https://mthangout.appspot.com/a/hangouttoolbox/i/app_icons/lower.png") no-repeat center;
    height: 16px;
    width: 16px;
    display: block;
}
.volume {
    background: url("https://mthangout.appspot.com/a/hangouttoolbox/i/app_icons/volumecontrol.png") no-repeat center;
    height: 16px;
    width: 16px;
    display: block;
}
.deface {
    background: url("https://mthangout.appspot.com/a/hangouttoolbox/i/app_icons/meme.png") no-repeat center;
    height: 16px;
    width: 16px;
    display: block;
}
.soundboard {
    background: url("https://mthangout.appspot.com/a/hangouttoolbox/i/app_icons/sound.png") no-repeat center;
    height: 16px;
    width: 16px;
    display: block;
}
.anonymous {
    background: url("https://mthangout.appspot.com/a/hangouttoolbox/i/app_icons/anon.png") no-repeat center;
    height: 16px;
    width: 16px;
    display: block;
}
.commenttracker {
    background: url("https://mthangout.appspot.com/a/hangouttoolbox/i/app_icons/comment.png") no-repeat center;
    height: 16px;
    width: 16px;
    display: block;
}
.infosupport {
    background: url("https://mthangout.appspot.com/a/hangouttoolbox/i/app_icons/help.png") no-repeat center;
    height: 16px;
    width: 16px;
    display: block;
}

#ct { padding: 0; height: 100%; }

.ct {background-color:#FFFFFF; font-family:sans-serif; font-size:10pt; color:#000000; text-align:left; padding:0; margin:0;}
.ct div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0;}
.ct a {cursor: pointer; text-decoration: none;}
.ct a:hover {text-decoration: underline;}
.ct button {font-size: 12px;}
.ct-small {font-size:9pt; margin: 0px;}

.ct-tab {height: 200px; width: 100%; overflow-y: scroll; overflow-x: auto; padding: 5px;}
.ct-header { border-bottom: 1px dotted #CCC; padding: 0 0 5px 0; text-align: center;}

#ct-menu {
  height: 22px;
  width: 100%; min-width: 100%; max-width: 100%;
  overflow: hidden;
  padding: 2px 2px 2px 6px;
  background-color: #BBB;
  text-align: left;
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

#ct-menu ul {
  padding: 0; margin: 0;
}

#ct-shares_added {
  color: black;
  background-color: yellow;
  padding: 2px;
}

.ct-menu {
  padding: 2px 9px;
  height: 20px;
  display: inline-block;
  text-align: center;
  background-color: #EEE;
  color: black;
  font-weight: bold;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  /*-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
  */cursor: pointer;
  margin: -1px;
}

.ct-highlight {
  background-color: #FF0;
}

.ct-menu:hover {
  background-color: #CCC;
  text-decoration: none;
  color: black;
}

.ct-selected {
  background-color: #C4C4C4;
}

.ct-post { border-bottom: 1px dotted #CCC; vertical-align: top; padding: 12px 8px 7px 47px; word-wrap: break-word; position: relative;}
.ct-comment { border-bottom: 1px dotted #CCC; vertical-align: top; padding: 7px 8px 7px 47px; word-wrap: break-word; position: relative; }

.ct-actions { opacity: 0.15; position: absolute; bottom: 0; right: 2px; padding: 2px; background-color: rgba(255, 255, 255, 0.8); }
.ct-action { display: inline-block; margin: 0px 2px 0px 2px; background-image: url(https://mthangout.appspot.com/a/hangouttoolbox/i/icons.png); cursor: pointer;}
.ct-action_hide { width: 20px; height: 20px; background-position: 0px 0px; }
.ct-action_unhide { width: 20px; height: 20px; background-position: -20px 0px; }
.ct-action_pin { width: 20px; height: 20px; background-position: -39px 0px; }
.ct-action_unpin { width: 16px; height: 20px; background-position: -59px 0px; }
.ct-action_track { width: 20px; height: 20px; background-position: -75px 0px; }
.ct-action_tracker { width: 20px; height: 20px; background-position: -203px 0px; }
.ct-action_reshares { width: 25px; height: 20px; background-position: -96px 0px; }
.ct-action_watch { width: 20px; height: 20px; background-position: -122px 0px; }
.ct-action_unwatch { width: 20px; height: 20px; background-position: -183px 0px; }
.ct-action_add { width: 20px; height: 20px; background-position: -163px 0px; }
.ct-important { border: 1px solid black; margin-bottom: 2px;}
.ct-hidden { text-decoration: line-through; }
.ct-comment:hover .ct-actions { opacity: 1;}
.ct-post:hover .ct-actions { opacity: 1;}
.ct-comment_pic, .ct-post_pic {display: block; border: 0; max-width: 32px; max-height: 32px; float: left; margin-left: -40px;}
.ct-service_pic {display: block; border: 0; max-width: 16px; max-height: 16px; float: left; margin-left: -20px; margin-top: 20px;}
.ct-comment_time, .ct-post_time {display: block; float: right; color: #999; padding: 0;}
.ct-comment_text, .ct-post_text {margin-top: 2px; padding: 0;}
.ct-comment_updated {background-color: yellow; font-weight: bold; color: red;}
.ct-comment_deleted {text-decoration:line-through;}

.ct-post_time a {color: #999;}
.ct-comment_time a {color: #999;}
.ct-comment_updated a {color: red;}

#ct-menu_actions {
  display: block;
  position: fixed;
  top: 60;
  right: 4;
}

#ct-searching { vertical-align: middle; padding: 7px; color: #999;}

.ct-background-0 {
  background: white;
}

.ct-background-1 {
  background: #FF0;
  background: -moz-linear-gradient(-45deg, #FF0 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#FF0), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #FF0 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #FF0 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #FF0 0%,#ffffff 30%); background: linear-gradient(135deg, #FF0 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0', endColorstr='#ffffff',GradientType=1 );
}

.ct-background-2 {
  background: #0F0;
  background: -moz-linear-gradient(-45deg, #0F0 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0F0), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #0F0 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #0F0 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #0F0 0%,#ffffff 30%); background: linear-gradient(135deg, #0F0 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F0', endColorstr='#ffffff',GradientType=1 );
}

.ct-background-3 {
  background: #00F;
  background: -moz-linear-gradient(-45deg, #00F 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00F), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #00F 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #00F 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #00F 0%,#ffffff 30%); background: linear-gradient(135deg, #00F 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F', endColorstr='#ffffff',GradientType=1 );
}

.ct-background-4 {
  background: #F0F;
  background: -moz-linear-gradient(-45deg, #F0F 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F0F), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #F0F 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #F0F 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #F0F 0%,#ffffff 30%); background: linear-gradient(135deg, #F0F 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F', endColorstr='#ffffff',GradientType=1 );
}

.ct-background-5 {
  background: #F00;
  background: -moz-linear-gradient(-45deg, #F00 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F00), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #F00 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #F00 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #F00 0%,#ffffff 30%); background: linear-gradient(135deg, #F00 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F00', endColorstr='#ffffff',GradientType=1 );
}

.ct-background-6 {
  background: #0FF;
  background: -moz-linear-gradient(-45deg, #0FF 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0FF), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #0FF 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #0FF 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #0FF 0%,#ffffff 30%); background: linear-gradient(135deg, #0FF 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0FF', endColorstr='#ffffff',GradientType=1 );
}

.ct-background-7 {
  background: #F90;
  background: -moz-linear-gradient(-45deg, #F90 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F90), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #F90 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #F90 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #F90 0%,#ffffff 30%); background: linear-gradient(135deg, #F90 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F90', endColorstr='#ffffff',GradientType=1 );
}

.ct-background-8 {
  background: #0F9;
  background: -moz-linear-gradient(-45deg, #0F9 0%, #ffffff 30%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0F9), color-stop(30%,#ffffff));
  background: -webkit-linear-gradient(-45deg, #0F9 0%,#ffffff 30%); background: -o-linear-gradient(-45deg, #0F9 0%,#ffffff 30%);
  background: -ms-linear-gradient(-45deg, #0F9 0%,#ffffff 30%); background: linear-gradient(135deg, #0F9 0%,#ffffff 30%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F9', endColorstr='#ffffff',GradientType=1 );
}

::-webkit-scrollbar {background: transparent; width: 10px;}
::-webkit-scrollbar-corner {background: transparent;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);border: solid whiteSmoke 2px;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.3);}

#ct-add_url, #ct-search_gplus, #ct-search_twitter {
background-color: #4D90FE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4D90FE,#4787ED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    border: 1px solid #3079ED;
    color: white !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    min-width: 54px;
    padding: 0 3px;
    margin-left:3px;
    cursor: pointer !important;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-size:11px;
}


























